<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>vue第二天 数据驱动视图</title>
</head>
<body>
	<div id='app'></div>
	<script src="./node_modules/vue/dist/vue.js" type="text/javascript"></script>
	<script type="text/javascript">
		//局部组件使用：声子 挂子 用子
		//创建局部组件
		let App = {
			data(){
				return{
				}
			},
			template:`<div>我是局部组件</div>`
		};

		new Vue({
			el:'#app',
			data(){
				return{

				}
			},
			//ES6语法 挂在子组件
			components:{
				App
			},
			template:`<App/>`
		});
	</script>
</body>
</html>
